﻿<UserControl x:Class="MyRecipeBook.UI.Controls.DashboardItems.ControlDashboardItemClock"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Height="150" Width="150">
    <Grid>
        <Ellipse Width="108" Height="108" StrokeThickness="3">
            <Ellipse.Stroke>
                <LinearGradientBrush>
                    <GradientStop Color="LightBlue" Offset="0" />
                    <GradientStop Color="DarkBlue" Offset="1" />
                </LinearGradientBrush>
            </Ellipse.Stroke>
        </Ellipse>

        <Ellipse VerticalAlignment="Center" HorizontalAlignment="Center" Width="104" Height="104" Fill="LightBlue" StrokeThickness="3">
            <Ellipse.Stroke>
                <LinearGradientBrush>
                    <GradientStop Color="DarkBlue" Offset="0" />
                    <GradientStop Color="LightBlue" Offset="1" />
                </LinearGradientBrush>
            </Ellipse.Stroke>
        </Ellipse>

        <Canvas Width="102" Height="102">
            <Ellipse Width="8" Height="8" Fill="Black" Canvas.Top="46" Canvas.Left="46" />
            
            <Rectangle Canvas.Top="5" Canvas.Left="48" Fill="Black" Width="4" Height="8">
                <Rectangle.RenderTransform>
                    <RotateTransform CenterX="2" CenterY="46" Angle="0" />
                </Rectangle.RenderTransform>
            </Rectangle>
            
            <Rectangle Canvas.Top="5" Canvas.Left="49" Fill="Black" Width="2" Height="6">
                <Rectangle.RenderTransform>
                    <RotateTransform CenterX="2" CenterY="46" Angle="30" />
                </Rectangle.RenderTransform>
            </Rectangle>

            <Rectangle Canvas.Top="5" Canvas.Left="49" Fill="Black" Width="2" Height="6">
                <Rectangle.RenderTransform>
                    <RotateTransform CenterX="2" CenterY="46" Angle="60" />
                </Rectangle.RenderTransform>
            </Rectangle>

            <Rectangle Canvas.Top="5" Canvas.Left="48" Fill="Black" Width="4" Height="8">
                <Rectangle.RenderTransform>
                    <RotateTransform CenterX="2" CenterY="46" Angle="90" />
                </Rectangle.RenderTransform>
            </Rectangle>

            <Rectangle Canvas.Top="5" Canvas.Left="49" Fill="Black" Width="2" Height="6">
                <Rectangle.RenderTransform>
                    <RotateTransform CenterX="2" CenterY="46" Angle="120" />
                </Rectangle.RenderTransform>
            </Rectangle>

            <Rectangle Canvas.Top="5" Canvas.Left="49" Fill="Black" Width="2" Height="6">
                <Rectangle.RenderTransform>
                    <RotateTransform CenterX="2" CenterY="46" Angle="150" />
                </Rectangle.RenderTransform>
            </Rectangle>

            <Rectangle Canvas.Top="5" Canvas.Left="48" Fill="Black" Width="4" Height="8">
                <Rectangle.RenderTransform>
                    <RotateTransform CenterX="2" CenterY="46" Angle="180" />
                </Rectangle.RenderTransform>
            </Rectangle>

            <Rectangle Canvas.Top="5" Canvas.Left="49" Fill="Black" Width="2" Height="6">
                <Rectangle.RenderTransform>
                    <RotateTransform CenterX="2" CenterY="46" Angle="210" />
                </Rectangle.RenderTransform>
            </Rectangle>
            
            <Rectangle Canvas.Top="5" Canvas.Left="49" Fill="Black" Width="2" Height="6">
                <Rectangle.RenderTransform>
                    <RotateTransform CenterX="2" CenterY="46" Angle="240" />
                </Rectangle.RenderTransform>
            </Rectangle>

            <Rectangle Canvas.Top="5" Canvas.Left="48" Fill="Black" Width="4" Height="8">
                <Rectangle.RenderTransform>
                    <RotateTransform CenterX="2" CenterY="46" Angle="270" />
                </Rectangle.RenderTransform>
            </Rectangle>

            <Rectangle Canvas.Top="5" Canvas.Left="49" Fill="Black" Width="2" Height="6">
                <Rectangle.RenderTransform>
                    <RotateTransform CenterX="2" CenterY="46" Angle="300" />
                </Rectangle.RenderTransform>
            </Rectangle>

            <Rectangle Canvas.Top="5" Canvas.Left="49" Fill="Black" Width="2" Height="6">
                <Rectangle.RenderTransform>
                    <RotateTransform CenterX="2" CenterY="46" Angle="330" />
                </Rectangle.RenderTransform>

            </Rectangle>

            <Rectangle Canvas.Top="21" Canvas.Left="48" Fill="Black" Width="4" Height="30">
                <Rectangle.RenderTransform>
                    <RotateTransform x:Name="HourHand" CenterX="2" CenterY="30" Angle="0">
                    </RotateTransform>
                </Rectangle.RenderTransform>
            </Rectangle>

            <Rectangle Canvas.Top="6" Canvas.Left="49" Fill="Black" Width="2" Height="45">
                <Rectangle.RenderTransform>
                    <RotateTransform x:Name="MinuteHand" CenterX="1" CenterY="45" Angle="0">
                    </RotateTransform>
                </Rectangle.RenderTransform>
            </Rectangle>
            
            <Rectangle Canvas.Top="6" Canvas.Left="49" Fill="Red" Width="1" Height="45">
                <Rectangle.RenderTransform>
                    <RotateTransform x:Name="SecondHand" CenterX="1" CenterY="45" Angle="0">
                    </RotateTransform>
                </Rectangle.RenderTransform>
            </Rectangle>
        </Canvas>
    </Grid>

</UserControl>
